/* 组件私有变量 */
@use "./function.scss" as *;

@function buttonVar($type: "") {
  $button: (
    // 默认
    "text-color":
      (
        "default": getVarName("text-color", "default"),
        "type": getVarName("base-colors", "white"),
      ),
    "border-color": (
      "default": getVarName("border-color", "default"),
      "type": getVarName("color", $type),
    ),
    "bg-color": (
      "default": getVarName("base-colors", "light-grey"),
      "type": getVarName("color", $type),
    ),
    // hover
    "hover-bg-color":
      (
        "default": getVarName("base-colors", "grey"),
        "type": getVarName("color", $type, "light-4"),
      ),
    "hover-border-color": (
      "default": getVarName("base-colors", "grey"),
      "type": getVarName("color", $type, "light-1"),
    ),
    "hover-text-color": (
      "default": getVarName("base-colors", "white"),
      "type": getVarName("color", $type, "light-1"),
    ),
    // size
    "font-size":
      (
        "small": getVarName("font-size", "small"),
        "default": getVarName("font-size", "default"),
        "large": getVarName("font-size", "large"),
      ),
    // 控件大小
    "component-size": (),
    // disabled
    // is-link
  );
  @return $button;
}
